
//为图标注入操作事件
window.operateEvents = {
    //点击修改图标进行修改数据
    "click #dmedit":function (e,value,row,index) {
        var dmobj = {};
        dmobj.row = row;
        dmobj.type = "edit";
        sessionStorage.setItem("dmobj", JSON.stringify(dmobj));
        //layer_show("修改","editdel.html",800,350);
        layer.open({
            type : 2,
            title : '修改物流运单号',
            maxmin : true,
            shadeClose : false, // 点击遮罩关闭层
            area : [ '800px', '300px' ],
            content : '/lgs/orderBind/mng/showEdit' // iframe的url
        });
    },
    "click #dmedit2":function (e,value,row,index) {
        //var dmobj = {};
        //dmobj.row = row;
        //dmobj.type = "edit";
        //sessionStorage.setItem("dmobj", JSON.stringify(dmobj));
        //layer_show("修改","editdel.html",800,350);
        layer.open({
            type : 2,
            title : '修改订单-收货人信息',
            maxmin : true,
            shadeClose : false, // 点击遮罩关闭层
            area : [ '900px', '350px' ],
            content :  '/lgs/order/showEdit2?id='+row.id
        });
    },

    //点击 回单 图标进行修改数据
    // "click #upload":function (e,value,row,index) {
    //     var dmobj = {};
    //     dmobj.row = row;
    //     dmobj.type = "upload";
    //     sessionStorage.setItem("dmobj", JSON.stringify(dmobj));
    //     //layer_show("修改","editdel.html",800,350);
    //     layer.open({
    //         type : 2,
    //         title : '上传物流回单',
    //         maxmin : true,
    //         shadeClose : false, // 点击遮罩关闭层
    //         area : [ '800px', '300px' ],
    //         content : '/lgs/orderBind/mng/showUpload' // iframe的url
    //     });
    // }
}


/*function rowStyle(row, index) {
    var classes = ['active', 'success', 'info', 'warning', 'danger'];
    if (index % 2 === 0 && index / 2 < classes.length) {
        return {
            classes: classes[2]
        };
    }
    return {};
}*/

/*function rowStyle(row, index) {
    var style = {};
    style={css:{'color':'#ed5565'}};
    return style;
}*/

function indexFormatter(value, row, index) {
    return index+1;
}

var $SelectElement;

$(function() {
    load();

    var laydate = layui.laydate;
    laydate.render({
        elem: '#datePicker',
        range: true,
        done: function(value, date, endDate){
            console.log(value);
            var _index = value.indexOf(" - ");
            if(_index != -1) {
                $("input[name='startDate']").val(value.substr(0, _index));
                $("input[name='endDate']").val(value.substr(_index + 3));
            } else {
                $("input[name='startDate']").val('');
                $("input[name='endDate']").val('');
            }
            reLoad();
        }
    });

    $('#orderTable').on('click-row.bs.table', function (e,row,$element) {
        $('.info').removeClass('info');
        $($element).addClass('info');
        $SelectElement = $($element);
        sessionStorage.setItem("orderRow", JSON.stringify(row));
        //如果物流运单号不为空、则显示 跟踪信息、否则显示 详细信息
        if(row.lgs_track_number!=''&& row.lgs_track_number!=null&& row.lgs_track_number!=undefined)
            showPanelTrack(row);//跟踪信息
        else
            showPanelDetail(row);//详细信息
    });

    $("#panelDetail").on("click",function(){
        cleanDetail(); //清空
        var orderRow = $.parseJSON(sessionStorage.getItem("orderRow"));
        if(orderRow==null || orderRow==undefined){
            cleanDetail(); //清空
            return;
        }
        $("#lgs_company_nm").val(orderRow.lgs_company_nm);
        $("#goods_name").val(orderRow.goods_name);
        $("#transport_mode_nm").val(orderRow.transport_mode_nm);
        $("#delivery_qty").val(orderRow.delivery_qty);
        $("#customer_name").val(orderRow.customer_name);
        $("#value_statement").val(orderRow.value_statement);
        $("#consignee").val(orderRow.consignee);
        $("#delivery_method_nm").val(orderRow.delivery_method_nm);
        $("#consignee_phone").val(orderRow.consignee_phone);
        $("#product_size").val(orderRow.product_size);
        $("#consignee_address").val(orderRow.consignee_address);
        $("#lgs_track_number").val(orderRow.lgs_track_number);
        $("#remark").val(orderRow.remark);
        $("#is_unpack").val(orderRow.is_unpack_str);
        $("#xd_track_number").val(orderRow.xd_track_number);

        $("#sender").val(orderRow.sender);
        $("#sender_phone").val(orderRow.sender_phone);
        $("#sender_address").val(orderRow.sender_address);
        $("#contract_number").val(orderRow.contract_number);


        var tmpScore2 = orderRow.lgs_score;
        if (tmpScore2 !== null) {
            layui.rate.render({
                elem: '#lgsScore'
                ,value: tmpScore2 //初始值
                ,half: true //开启半星
                ,readonly: true
            });
        }

        $list.html("");
        //回单图片
        if( orderRow.receipt!="" && orderRow.receipt!=null)
           reviewFile(orderRow.receipt);

    });

    $("#panelTrack").on("click",function(){
        var orderRow = $.parseJSON(sessionStorage.getItem("orderRow"));
        if(orderRow==null||orderRow==undefined){
            $(".layui-timeline").html(""); //清空
        }else{
            if(orderRow.lgs_track_number==''|| orderRow.lgs_track_number==null|| orderRow.lgs_track_number==undefined)
                $(".layui-timeline").html(""); //清空
        }
    });
});

function showPanelDetail(row) {
    var orderRow = $.parseJSON(sessionStorage.getItem("orderRow"));
    if(orderRow==null||orderRow==undefined){
        //清空
        cleanDetail();
        return;
    }
    $("#lgs_company_nm").val(orderRow.lgs_company_nm);
    $("#goods_name").val(orderRow.goods_name);
    $("#transport_mode_nm").val(orderRow.transport_mode_nm);
    $("#delivery_qty").val(orderRow.delivery_qty);
    $("#customer_name").val(orderRow.customer_name);
    $("#value_statement").val(orderRow.value_statement);
    $("#consignee").val(orderRow.consignee);
    $("#delivery_method_nm").val(orderRow.delivery_method_nm);
    $("#consignee_phone").val(orderRow.consignee_phone);
    $("#product_size").val(orderRow.product_size);
    $("#consignee_address").val(orderRow.consignee_address);
    $("#lgs_track_number").val(orderRow.lgs_track_number);
    $("#remark").val(orderRow.remark);
    $("#is_unpack").val(orderRow.is_unpack_str);
    $("#xd_track_number").val(orderRow.xd_track_number);

    $("#sender").val(orderRow.sender);
    $("#sender_phone").val(orderRow.sender_phone);
    $("#sender_address").val(orderRow.sender_address);
    $("#contract_number").val(orderRow.contract_number);


    $('#panelDetail').click();
}

function cleanDetail() {
    $("#lgs_company_nm").val("");
    $("#goods_name").val("");
    $("#transport_mode_nm").val("");
    $("#delivery_qty").val("");
    $("#customer_name").val("");
    $("#value_statement").val("");
    $("#consignee").val("");
    $("#delivery_method_nm").val("");
    $("#consignee_phone").val("");
    $("#product_size").val("");
    $("#consignee_address").val("");
    $("#lgs_track_number").val("");
    $("#remark").val("");
    $("#is_unpack").val("待选择");
    $("#xd_track_number").val("");

    $("#sender").val("");
    $("#sender_phone").val("");
    $("#sender_address").val("");
    $("#contract_number").val("");

    layui.rate.render({
        elem: '#lgsScore'
        ,value: 0 //初始值
        ,readonly: true
    });

}

function showPanelTrack(row) {
    var orderRow = $.parseJSON(sessionStorage.getItem("orderRow"));
    if(orderRow==null||orderRow==undefined){
        $(".layui-timeline").html(""); //清空
        return;
    }
    getOrderTraceData(orderRow.id);
    $('#panelTrack').click();
    //alert("track");
}

function getOrderTraceData(orderId) {
    $.ajax({
        type : 'POST',
        data:{orderId:orderId},
        //contentType : 'application/json',
        dataType : "json",
        url : '/lgs/orderTrace/getData',
        success : function(result) {
            $(".layui-timeline").html(""); //清空
            if(result==undefined || result.length<1){
                //设置 货物正在揽收
                var item = $("#noTraceDataItem").clone();
                $(".layui-timeline").append(item.html());
                return;
            }
            for(var i = 0; i < result.length; i++){
                var item = $("#layuiTimelineItem").clone();
                if(i==0){
                    item.find("[data-id='title']").attr("style","color:#ff7800");
                    item.find("[data-id='content']").attr("style","color:#ff7800");
                }
                item.find("[data-id='title']").html(result[i].ftime);
                item.find("[data-id='content']").html(result[i].context).after('<a href="javascript:void(0)" onclick="editTrack('+result[i].id+')">修改</a> <a href="javascript:void(0)" onclick="deleteTrack('+result[i].id+')"">删除</a>');
                $(".layui-timeline").append(item.html());
            }

            //$.getScript('/js/plugins/layui/layui.all.js');//再次加载插件使生效
        }
    });
}

function addTrack() {
    var orderRow = $.parseJSON(sessionStorage.getItem("orderRow"));
    if(orderRow!=null){
        layer.open({
            type : 2,
            title : '新增跟踪信息',
            maxmin : true,
            shadeClose : false, // 点击遮罩关闭层
            area : [ '800px', '500px' ],
            content : '/lgs/orderTrace/add?orderId=' + orderRow.id
        });
    }
}

function editTrack(trackId) {
    layer.open({
        type : 2,
        title : '修改跟踪信息',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '300px' ],
        content : '/lgs/orderTrace/edit?trackId=' + trackId
    });
}

function deleteTrack(trackId) {
    $.ajax({
        type : 'POST',
        dataType : "json",
        url : '/lgs/orderTrace/deleteTrack?trackId=' + trackId,
        success : function(result) {
            layer.msg("操作成功");
            showPanelTrack();
        }
    });
}

function load() {
    $('#orderTable')
        .bootstrapTable(
            {
                method : 'get', // 服务器数据的请求方式 get or post
                url : "/lgs/orderBind/mng/list", // 服务器数据的加载地址
                striped : true, // 设置为true会有隔行变色效果
                dataType : "json", // 服务器返回的数据类型
                pagination : true, // 设置为true会在底部显示分页条
                // queryParamsType : "limit",
                // //设置为limit则会发送符合RESTFull格式的参数
                singleSelect : false, // 设置为true将禁止多选
                iconSize : 'outline',
                toolbar : '#orderToolbar',
                // contentType : "application/x-www-form-urlencoded",
                // //发送到服务器的数据编码类型
                pageSize : 5, // 如果设置了分页，每页数据条数
                pageList : ['5', '10', '15', '25' ],
                pageNumber : 1, // 如果设置了分布，首页页码
                search : true, // 是否显示搜索框
                showColumns : true, // 是否显示内容下拉框（选择显示的列）
                sidePagination : "client", // 设置在哪里进行分页，可选值为"client" 或者

                sortName: 'lgs_seq', // 要排序的字段
                sortOrder: 'desc', // 排序规则
                showExport: true,
                //rowStyle:rowStyle,//通过自定义函数设置行样式
                // "server"
                queryParams : queryParams,
                // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
                // queryParamsType = 'limit' ,返回参数必须包含
                // limit, offset, search, sort, order 否则, 需要包含:
                // pageSize, pageNumber, searchText, sortName,
                // sortOrder.
                // 返回false将会终止请求
                columns : [
                    // { // 列配置项
                    //     // 数据类型，详细参数配置参见文档http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
                    //     checkbox : true
                    //     // 列表中显示复选框
                    // },
                    {
                        //field : 'lgs_seq', // 列字段名
                        title : '序号', // 列标题
                        titleTooltip: '序号',
                        order: 'asc', // asc, desc
                        visible: true,
                        formatter: indexFormatter
                    },
                    {
                        field : 'lgs_company_cd', // 列字段名
                        title : '物流公司代码', // 列标题
                        titleTooltip: '物流公司代码',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'lgs_company_nm', // 列字段名
                        title : '物流公司', // 列标题
                        titleTooltip: '物流公司',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: true,
                        footerFormatter: undefined
                    },
                    {
                        field : 'order_date', // 列字段名
                        title : '下单时间', // 列标题
                        titleTooltip: '下单日期',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: true,
                        footerFormatter: undefined
                    },
                    {
                        field : 'transport_mode_cd', // 列字段名
                        title : '运输方式代码', // 列标题
                        titleTooltip: '运输方式代码',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'transport_mode_nm', // 列字段名
                        title : '运输方式', // 列标题
                        titleTooltip: '运输方式名称',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: true,
                        footerFormatter: undefined
                    },
                    {
                        field : 'bind_date', // 列字段名
                        title : '物流运单号回填时间', // 列标题
                        titleTooltip: '物流运单号回填时间',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: true,
                        footerFormatter: undefined
                    },
                    {
                        field : 'lgs_track_number', // 列字段名
                        title : '物流运单号', // 列标题
                        titleTooltip: '物流运单号',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: true,
                        footerFormatter: undefined
                    },
                    {
                        field : 'xd_track_number', // 列字段名
                        title : '雄帝运单号', // 列标题
                        titleTooltip: '雄帝运单号',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: true,
                        footerFormatter: undefined
                    },
                    {
                        field : 'lgs_status_name', // 列字段名
                        title : '签收状态', // 列标题
                        titleTooltip: '签收状态',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: true,
                        footerFormatter: undefined
                    },
                    {
                        field : 'is_evaluate_str', // 列字段名
                        title : '评价状态', // 列标题
                        titleTooltip: '评价状态',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: true,
                        footerFormatter: undefined
                    },

                    {
                        field : 'sender', // 列字段名
                        title : '发货人', // 列标题
                        titleTooltip: '发货人',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'sender_phone', // 列字段名
                        title : '发货人电话', // 列标题
                        titleTooltip: '发货人电话',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'sender_address', // 列字段名
                        title : '发货地址', // 列标题
                        titleTooltip: '发货地址',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },

                    {
                        field : 'customer_name', // 列字段名
                        title : '客户名称', // 列标题
                        titleTooltip: '客户名称',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: true,
                        footerFormatter: undefined
                    },
                    {
                        field : 'consignee', // 列字段名
                        title : '收货人', // 列标题
                        titleTooltip: '收货人',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: true,
                        footerFormatter: undefined
                    },
                    /* 下面为隐藏的列 */
                    {
                        field : 'contract_number', // 列字段名
                        title : '合同编号', // 列标题
                        titleTooltip: '合同编号',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'id', // 列字段名
                        title : 'ID', // 列标题
                        titleTooltip: 'ID',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'goods_name', // 列字段名
                        title : '货物名称', // 列标题
                        titleTooltip: '货物名称',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'delivery_qty', // 列字段名
                        title : '发货件数', // 列标题
                        titleTooltip: '发货件数',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'value_statement', // 列字段名
                        title : '价值声明', // 列标题
                        titleTooltip: '价值声明',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'delivery_method_cd', // 列字段名
                        title : '交付方式代码', // 列标题
                        titleTooltip: '交付方式代码',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'consignee_phone', // 列字段名
                        title : '收货人电话', // 列标题
                        titleTooltip: '收货人电话',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'product_size', // 列字段名
                        title : '产品尺寸', // 列标题
                        titleTooltip: '产品尺寸',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    },
                    {
                        field : 'consignee_address', // 列字段名
                        title : '收货地址', // 列标题
                        titleTooltip: '收货地址',
                        width: undefined,
                        sortable: true,
                        order: 'asc', // asc, desc
                        visible: false,
                        footerFormatter: undefined
                    }
   //                  ,
   //
   // // data.remark =  $("#remark").val(); //备注
   //
                    ,{
                        title : '操作',
                        //field : 'id',
                        align : 'center',
                        events:operateEvents,
                        formatter : function(value, row, index) {
                            var e = '<a class="btn btn-primary btn-sm '+s_edit_h+'"id="dmedit" href="#" mce_href="#" title="编辑" ' +
                                'onclick2="edit(\''
                                + row.id
                                + '\')"><i class="fa fa-edit"></i></a> ';
                            var e2 = '<a class="btn btn-danger btn-sm" href="#" title="编辑"  id="dmedit2" href="#" mce_href="#" ><i class="fa fa-edit"></i></a> ';

                            var u = '<a class="btn btn-primary btn-sm '+s_edit_h+'"id="upload" href="#" mce_href="#" title="回单" ' +
                                'onclick2="edit2(\''
                                + row.id
                                + '\')"><i class="fa fa-edit"></i></a> ';
                            return e + e2;
                        }
                    }
                    ]
            });
}

//设置传入参数
function queryParams(params) {
    var order_start_date = $("#startDate").val();
    var order_end_date = $("#endDate").val();
    return {
        "order_start_date": order_start_date,
        "order_end_date": order_end_date
    }
    return params;
}

function reLoad() {
    $('#orderTable').bootstrapTable('refresh');
}

function exportExcel(){
    var data = {};
    //data.lgs_status = $("#lgs_status").val();
    data.order_start_date = $("#startDate").val();
    data.order_end_date = $("#endDate").val();
    post("/lgs/orderBind/export", data, true);
}

function post(url, obj, newWindow) {
    var form = window.document.getElementById("postForm");
    if (!form) {
        form = document.createElement("form");
        form.setAttribute("id", "postForm");
        form.setAttribute("method", "post");
        document.body.appendChild(form);
    }
    form.setAttribute("action", url);
    if (newWindow) {
        form.setAttribute("target", "_blank");
    }
    form.innerHTML = "";
    if (typeof obj === 'object') {
        for (var p in obj) {
            var node = document.createElement("input");
            node.setAttribute("type", "hidden");
            node.setAttribute("name", p);
            node.setAttribute("value", obj[p]);
            form.appendChild(node);
        }
    }
    form.submit();
}


var $list = $('.file-list');

function reviewFile(fileUrl) {
    $list.html("");
    $list.append('<li style="border:solid red 0px; margin:5px 5px;" class="file-item"><img src="' + fileUrl + '" alt="" height="370"><button class="file-del btn btn-primary" onclick="delReceipt()">删除</button></li>').children(':last').hide().fadeIn(2500);

}

function delReceipt() {
    var orderRow = $.parseJSON(sessionStorage.getItem("orderRow"));
    if(orderRow==null||orderRow==undefined){
        layer.msg("当前无选中订单");
        return;
    }

    $.ajax({
        type : 'get',
        data:{},
        //contentType : 'application/json',
        //dataType : "json",
        url : '/lgs/orderBind/delReceipt?orderId='+orderRow.id,
        success : function(result) {
            if (result.code === 0) {
                layer.msg("删除成功")
                $list.html(""); //清空
                reLoad()//刷新列表
                //设置当前列背景颜色
                //$('.info').removeClass('info');
                $SelectElement.addClass('info');
            }


        }
    });
}

//提交回单 图片
$("#submit").on('click', function () {
    var inputFile = $("#file").val();
    if(inputFile==""||inputFile==null){
        layer.msg("请先选择回单图片")
        return;
    }

    var orderRow = $.parseJSON(sessionStorage.getItem("orderRow"));
    if(orderRow==null||orderRow==undefined){
        layer.msg("当前无选中订单");
        return;
    }
    //console.log(orderRow.id);
    $("#orderId").val(orderRow.id);

    var options = {
        type : 'post',
        dataType : "json",
        url : '/lgs/orderBind/upload',
        success:function(result, statusText, xhr, $form){
            if ( result.code != 0 ) {
                layer.msg(result.msg, {icon: 7});
                return false;
            }
            layer.msg(
                '上传成功',
                {time:1000},
                function () {
                    //刷新 图片
                    reviewFile(result.fileName);
                    reLoad()//刷新列表
                });
        },
        error:function(e){
            alert(e.responseText);
        }
    };
    //表单提交，兼容ie8
    $('#form-submit').ajaxSubmit(options);

});

// $(".file-list").on('click', '.file-del', function () {
//     var orderRow = $.parseJSON(sessionStorage.getItem("orderRow"));
//     if(orderRow==null||orderRow==undefined){
//         layer.msg("当前无选中订单");
//         return;
//     }
//
//     $.ajax({
//         type : 'POST',
//         data:{},
//         //contentType : 'application/json',
//         dataType : "json",
//         url : 'lgs/orderBind/delReceipt?orderId='+orderRow.id,
//         success : function(result) {
//             $list.html(""); //清空
//             reLoad()//刷新列表
//             //设置当前列背景颜色
//             //$('.info').removeClass('info');
//             $SelectElement.addClass('info');
//
//         }
//     });
// });



function reviewUploadPic(fileUrl) {
    var tmpHtml = "";
    if (fileUrl !== null && fileUrl!="") {
        var imgs = fileUrl.split(",");
        $.each(imgs,function(i,item){
            tmpHtml += "<div class=\"file-box\"><div class=\"file\"><a onclick=\"previewImg(this)\" href=\"javascript:void(0)\"><span class=\"corner\"></span><div class=\"image\"><img src=\""+ item +"\" alt=\"image\" class=\"img-responsive\"></div></a></div></div>";
        });
    }
    $("#receipt").html(tmpHtml);
}

